
/**
 layimå®˜ç½‘
 */

html{background-color: #D9D9D9;}
body{padding-bottom: 60px;}

/* å…¨å±€ */
@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/f4vc5oy4z8flayvi.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/f4vc5oy4z8flayvi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/f4vc5oy4z8flayvi.woff') format('woff'), /* chromeã€firefox */
  url('//at.alicdn.com/t/f4vc5oy4z8flayvi.ttf') format('truetype'), /* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/f4vc5oy4z8flayvi.svg#æ€æºé»‘ä½“-æžç»†') format('svg'); /* iOS 4.1- */
}
.layim-font{
  font-family: "webfont" !important;
  font-style: normal;
  font-weight: 200;
}

.layui-main{width: 1090px;}
.site-layim-header{background: none; border-color: #B1B1B1;}
.site-layim-header .layui-nav .layui-nav-item a{color: #333;}


/* Banneréƒ¨åˆ† */
.site-layim-banner{position: relative; padding: 60px 0; text-align: center;}
.site-layim-logo{width: 448px;}
.site-layim-btn{margin-top: 30px; font-size: 0;}
.site-layim-btn .layui-btn{width: 206px; height: 60px; line-height: 60px; font-size: 26px;}
.site-layim-btn .layui-btn+.layui-btn{margin: 0;}
.site-layim-btn .site-layim-getbtn{margin-left: 30px !important; background-color: #393D49;}
.site-layim-btn .layui-btn img{position: relative; top: -3px; width: 118px;}

/* å¯¼èˆª */
.site-layim-nav{ border-left: 1px solid #B1B1B1; font-size: 0;}
.site-layim-nav a{display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.site-layim-nav a{position: relative; width: 20%; height: 60px; line-height: 60px; border: 1px solid #B1B1B1; border-left: none; font-size: 16px; font-weight: 300; text-align: center; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.site-layim-nav a:hover{background-color: #E5E5E5; color: #000;}
.site-layim-nav .layui-this{background-color: #eee;}
.site-layim-nav a cite{font-size: 14px; padding-left: 3px; color: #01AAED;}

/* è¾…åŠ© */
.site-layim-look img{position: relative; left: -30px; width: 1156px;}

.site-layim-title{text-align: center; margin-top: 50px; margin-bottom: 20px;}
.site-layim-title fieldset{display: inline-block; width: 218px; border: none; border-top: 1px solid #B1B1B1; text-align: center;}
.site-layim-title fieldset legend{padding:0 30px; font-size: 20px; font-weight: 300;}

/* èŽ·å–æŽˆæƒ */
.site-layim-text{line-height: 24px; font-weight: 300;}
.site-layim-text a{color: #01AAED;}
.site-layim-get{margin: 30px 0; font-size: 0;}
.site-layim-getlist{display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.site-layim-getlist{width: 280px; height: 302px; margin-right: 30px; padding: 30px 20px; font-size: 14px;  border: 1px solid #B1B1B1;}
.site-layim-getpay{width: auto; margin-right: 0; border: none; padding: 0; background-color: #fff;}
.site-layim-getlist p{text-align: center; font-weight: 300; font-size: 16px;}
.site-layim-getlist .demo-title{margin-top: 20px;}
.site-layim-getlist ul li{margin-left: 30px; line-height: 30px; font-weight: 300; list-style-type: disc;}
.site-layim-get .site-layim-title{margin: 20px 0 0;}
.site-layim-get .site-layim-title fieldset{width: 240px;}

/* åº•éƒ¨ */
.site-layim-footer{margin-top: 160px; text-align: center}
.site-layim-footer p{font-weight: 300; font-size: 16px; color: #666; }
.site-layim-footer p a{padding: 0 10px;}


/* é€‚é… */
@media screen and (max-width: 750px) {
  img{max-width: 100%;}
  .layui-main{width: 100%; margin: 0;}
  .site-layim-logo{width: 300px;}
  .site-layim-banner{padding: 30px 0;}
  .site-layim-look img{left: 0;}
  .site-layim-btn .layui-btn{width: 150px;}
  .site-layim-btn .layui-btn{margin: 0 8px !important;}
  .site-layim-nav{display: -webkit-box; margin: 0 10px; text-align: center; border: none;}
  .site-layim-nav a{display: block; -webkit-box-flex: 1}
  .site-layim-nav a span[pc],
  .site-layim-nav a[old]{display: none;}
  .site-layim-nav a:first-child{border-left: 1px solid #B1B1B1}
  .site-layim-nav a span[mobile]{display: block !important;}
  .site-layim-nav a cite{position: absolute; height: auto; width: 100%; line-height: 20px; bottom: 0px; left: 0; text-align: center; padding: 0; font-size: 12px;}
  .site-layim-text{margin: 0 10px;}
  .site-layim-get{margin: 0 10px; text-align: center;}
  .site-layim-getlist{width: 100%; height: auto; margin: 15px 0 0 0; padding: 20px 10px; text-align: left; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
  .site-layim-getpay{}
  .site-layim-footer{margin-top: 50px;}
}
